<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
</head>
<style>
	div.simpleSearchDiv{
		background-color:#C40000;
		width:300px;
		margin:10px 20px 40px;
		padding:1px;
		height:40px;
		display:block;
	}
	div.simpleSearchDiv input{
		width:225px;
		border:1px solid transparent;
		height:34px;
		margin:2px;
		outline:none;
	}
	div.simpleSearchDiv button{
		width:60px;
		border:1px solid transparent;
		color:white;
		font-size:14px;
		background-color:#C40000;
	}
	div.searchBelow span{
		color:#999;
	}
	div.searchBelow{
		margin-top:3px;
		margin-left:-20px;
	}
	div.searchBelow a {
		padding : 0px 20px 0px 20px;
		font-size:14px;
	}
	body{
		font-size:12px;
		font-family:Arial;
	}
	a{
		color:#999;
	}
	a:hover{
		text-decorationO:none;
		color:#C40000;
	}
	.simpleLogo{
		position:absolute;
		left:0px;
		top:20px;
	}
</style>

<div>
	<a href="#nowhere">
		<img src="http://how2j.cn/tmall/img/site/simpleLogo.png" class="simpleLogo" id="simpleLogo">
	</a>
	
	<div class="simpleSearchDiv pull-right">
		<input type="text" name="keyword" placeholder="平衡车 原汁机">
		<button type="button" class="searchButton">搜天猫</button>
		<div class="searchBelow">
			<span><a href="#nowhere">冰箱</a></span><span>|</span>
			<span><a href="#nowhere">空调</a></span><span>|</span>
			<span><a href="#nowhere">女装</a></span><span>|</span>
			<span><a href="#nowhere">男表</a></span>
		</div>
	</div>
	<div style="clear:both"></div>
</div>